check {}

radio {}

listbox {}

spinner {}

label {}

button {}

portal {}



title_header.listado
{
	background-color: white;
	border-width: 0px;
	border-style: solid;
}

body.border_laterales
{
	border-width: 1px;
	border-style: solid;
	border-color: #99AA11;
}

body.sin_bordes
{
	border-width: 0px;
	border-style: solid;
}

form.formulario {
	
	background-color: white;
	border: 1px solid;
	border-color: #99AA11;
	
}

tabpanel
{
	border-width: 0px;
	border-style: solid;
	font-size: 8px;
	font-weight: normal;
}

tabpanel.listado
{
	border: 1px solid #c0c0c0;
}

label.resaltado_verde{
	background-color: #99AA11;
}

label.resaltado_rojo{
	background-color: #d8b1b1;
}

label.listado_sin_bordes
{
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	color: #808080;
	margin-left: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: white;	
}

label.listado_header_sin_bordes
{
	background-color: #EEEEEE;
	font-family: 'Open Sans', sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
	color: #666666;
	font-weight: normal;
	border-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-color: white;
	border-style: solid;
	text-align: left;
}

label.listado_title_header
{
	background-color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 8px;
	margin-left: 5px;
	margin-right: 5px;
	font-weight: bold;
	color: #fff;
	border: 0px solid;
}

label.listado_title_header_fondo
{
	background-color: #888;
	font-size: 8px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	color: white;
}

label.formulario
{
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	font-weight: bold;
	background-color: white;
	border-width: 0px;
	border-style: solid;
	color: #808080;
}

label.botones
{
	background-color: #888;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	text-align: center;
	margin: 2px;
}

label.botones_aceptar
{
	background-color: #00a600;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	text-align: center;
	margin: 2px;
}

label.botones_cancelar
{
	background-color: #af5f5f;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	text-align: center;
	margin: 2px;
}

label.botones_editar
{
	background-color: #ffbf80;
	border-width: 1px;
	border-style: solid;
	border-color: #888;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	text-align: center;
	margin: 2px;
}


label.botones_menu_lateral
{
	background-color: #888;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: white;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;;
	font-size: 8px;
	text-align: center;
	margin: 2px;
}

field {
	color: #5C5C5D;
	background-color: #FFF;
	border: 1px solid #99AA11;
	margin-left: 5px;
	margin-right: 5px;
}

field.listado_editable {
	
	color: #5C5C5D;
	background-color: #FFF;
	border: 1px solid #c0c0c0;
	border-top-width: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

field.formulario{
	background-color: #FFF;
	border: 1px solid #99AA11;
	margin-left: 5px;
	margin-right: 5px;
}

combobox {
	background-color: #FFF;
	border: 1px solid #99AA11;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 8px;
	font-family: 'Open Sans', sans-serif;
	color: #5C5C5D;
}

combobox.listado_editable{	
	
	color: #5C5C5D;
	border: 1px solid #99aa11;
	border-bottom-width: 0px;
	border-right-width: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

combobox.historico {
	background-color: #888;
	border-style: solid ;
	border-color: #99AA11;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 1px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 9px;
	font-family: 'Open Sans', sans-serif;
	color: white;
}

label.error{
	
	text-align: center;
	margin-left: 5px;
	background-color: #ffb7b7;
	color: white;	
}

/* 
 * Example of additional grid styling (Portals and TableViews)
 * The grid style class needs to be set on form; grid_header selector works if there are no 'label for' labels defined to style the header.
 */
form.grid odd,
form.grid even,
form.grid selected,
form.grid grid_header {
	border: 0px solid #C9CACA;
	border-right-width: 1px;
	margin-left: 5px;
	margin-right: 3px;
}

/*
 *	The grid header can also be styled using 'label for' label. In order for this example to work you need to set the label style class to gridheader.
 */
label.gridheader {
	text-align: left;
	color: #5C5C5D;
}

tabpanel.grid { /*Style for a TabPanel that contains just a TableView*/
	border: 1px solid #C9CACA;
}

/*
 * Example style for the main form of a solution
 */
form.main {
	/*background-color: #667281	*/
}

/* 
 * Example of how to define custom styling for a form with a specific StyleClass
 * These styles are applied to form and its element on forms on which the StyleClass is set to "detail"
 */
form.detail {
}

form.detail field.pk { /*Style for Fields having a StyleClass "pk" on a form having StyleClass ""detail*/
	background-color: #5B6B7B;
	color: #FFF;
	border: 0px solid #FFF;
	border-left-width: 1px; /*This makes the field appear the same width when left aligned with a field that has a 2px ridge border*/
}

odd {
	background-color: white;
}

even {
	background-color: #f3f3f3;
}

selected{
	background-color: #D6EAD6;
}

